<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="UTF-8">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="format-detection" content="telephone=no">
	<meta name="description" content="">
    <meta name="author" content="">    
	<meta name="keywords" content="玩精灵后台操作系统">	
	<title>玩精灵后台操作系统</title>	
	<link rel="shortcut icon" href="favicon.ico" />	
	<link rel="stylesheet" type="text/css" href="../css/lqcss.css">
	<link rel="stylesheet" type="text/css" href="../css/lqpublic.css">
	<script type="text/javascript" src="../js/jquery-1.11.0.min.js"></script>
	<script type="text/javascript" src="../js/lqjs.js"></script>	
	<script type="text/javascript" src="../js/jquerysession.js"></script>
	<script type="text/javascript" src="http://img9.tongzhuo100.com/js/jquery.form.min.js"></script>
	<script type="text/javascript" charset="utf-8" src="../js/jquery.xctips.js"></script>
	<!-- 配置文件 -->
    <script type="text/javascript" src="../ueditor.config.js"></script>
    <!-- 编辑器源码文件 -->
    <script type="text/javascript" src="../ueditor.all.min.js"></script>
    <script type="text/javascript" charset="utf-8" src="../lang/zh-cn/zh-cn.js"></script>
<!-- 
    <link rel="stylesheet" href="http://cdn.staticfile.org/twitter-bootstrap/3.2.0/css/bootstrap.min.css"> -->
	 <!--以下两行加载秀米的ueditor插件的脚本和CSS，请编辑您的UEditor网页加入他们-->
    <!--您也可以下载这两个文件并根据您的需要改动相关的内容，当然，改动后您必须将新文件存放到您的服务器上了-->
   <!--  <script type="text/javascript" charset="utf-8" src="http://xiumi.us/connect/ue/v5/xiumi-ue-dialog-v5.js"></script>
    <link rel="stylesheet" href="http://xiumi.us/connect/ue/v5/xiumi-ue-v5.css"> -->
	<!--[if (gte IE 6)&(lte IE 10)]>
	  <link href="css/lqcssie.css" rel="stylesheet" type="text/css">
	  <link href="css/lqpublicie.css" rel="stylesheet" type="text/css">
	<![endif]-->
</head>

	<body>
		<div class="container">
		<!-- 主体部分 -->
			<div class="containermain">
				<!-- 头部 -->
				<div id="header">
					<div class="header">
						<div class="logo">
							<img class="logoimg" src="../images/icologo@3x.png" alt="上上策">
							<h2 class="logotext">玩精灵</h2>
						</div>
						<h2 class="biaoyu">欢迎登录后台管理系统</h2>
						<div class="userdiv">
							<div class="userde">
								<img class="userimg" src="../images/icologo@3x.png" />
								<span class="username">Admin</span>
								<i class="icoup"></i>
							</div>
							<!-- 账户信息 -->
							<div id="userdetils">
								<p class="usertext"><i class="userico"></i>账户:18989876567</p>
								<a class="userbtn originbtn">退出登录</a>
							</div>
						</div>
					</div>
				</div>

				<!-- 内容 -->
				<div id="main2">
					<!-- 新建图文 -->
					<div class="tuwenediter">
						<h2 class="divtitle">新建话题</h2>
						<!-- 内容 -->
						<div class="contentdiv">	
						<!-- action="http://47.98.54.197:8084/manager/article/addArticle"   -->
					<form enctype="multipart/form-data" method="get" id="articleForm" target="nm_iframe"> 						
							<!-- <div class="content_p">
								<label class="content_lable">上传图片</label>
								<span class="content_inputdiv2">
									<img id="wenpic" src="../images/addimg.png" >
 			<input id="upload" name="file" accept="image/*" type="file" style="display: none"/>

								</span>
							</div> -->
							<div class="content_p">
								<label class="content_lable">请输入话题标题:</label>
								<!-- <span class="content_inputdiv"><input id="name" type="text" name="title" ></span> -->
										<!-- 富文本编辑器 -->
								<!-- 秀米 -->
								 <script id="editor" type="text/plain" style="width:550px;height:500px;"></script>
								<script type="text/javascript">
								    var ue = UE.getEditor('editor',{initialFrameHeight:700,initialFrameWidth:600 });
						UE.Editor.prototype._bkGetActionUrl = UE.Editor.prototype.getActionUrl;
						UE.Editor.prototype.getActionUrl = function(action) {
						   if (action == 'uploadimage' || action == 'uploadfile' ) {
						       return CommonJs.getBasePath() +'common/ueditorUploadFile.json?floder=yimifin/advertise/';
						   }else if(action == 'catchimage'){//重定义远程文件上传地址
						    return CommonJs.getBasePath() +'common/ueditorUploadRemoteFile.json?floder=yimifin/advertise/';
						   } else {
						       return this._bkGetActionUrl.call(this, action);
						   }
						};
						// 复写UEDITOR的getContentLength方法 解决富文本编辑器中一张图片或者一个文件只能算一个字符的问题,可跟数据库字符的长度配合使用
						UE.Editor.prototype._bkGetContentLength = UE.Editor.prototype.getContentLength;
						UE.Editor.prototype.getContentLength = function(){
						   return this.getContent().length;
						};

						ue.addListener("ready", function () {
						    //赋值
						    // ue.setContent("要传入的值");
						    console.log(ue.getContent());
						    //取值
						    $("input[name='title']").val(ue.getPlainTxt());
						});

									//获取编辑器内容，赋值给表单元素
									// function getContent() {
								 //        var arr = [];
								 //        arr.push(UE.getEditor('editor').getContent());
								 //        var arrhtml;
								 //        arrhtml = arr.join("\n");
								 //        alert(arrhtml);
									// 	$("input[name='title']").val(arrhtml);  
								 //    }
								    // console.log(editor.getContentLength(true));


								</script>
							</div>
							<input type="hidden" name="title" value="">
					<!-- 		<div class="content_p">
								<label class="content_lable">状态</label>
								<span class="content_inputdiv"><input id="name" type="text" name="name" ></span>
							</div> -->
							<!-- <div class="content_p">
								<label class="content_lable">话题内容:</label>
								<span class="content_inputdiv"><input id="name" type="text" name="name" ></span>
							</div>
 -->
							<!-- <div class="content_p">
								<label class="content_lable">类型:</label>
								<span class="content_inputdiv3"><input id="usertypeinp" readonly="readonly" name="type" type="text" value="" placeholder="请选择" /><i class="icotype"></i>
								<div class="usertype">
									<div class="userli" sid="">大咖</div>
									<div class="userli" sid="">大师</div>
								</div>
								</span>  
							</div> -->
							<!-- <div class="content_p">
							<label class="content_lable">生日:</label>
							<span class="content_inputdiv"><input id="contenttitle" type="text" name="discription" ></span>
							</div> -->
							<!-- <div class="content_p">
								<label class="content_lable">背景图</label>
								<span class="content_inputdiv2">
									<img id="wenpic2" src="../images/addimg.png" > -->
 							<!-- <input id="upload2" name="backgroundImage" accept="image/*" type="file" style="display: none" /> -->

						<!-- 		</span>
							</div> -->
							
							<!-- 按钮组 -->
							<div class="contentbtns">
								<input id="baocun" class="originbtn" type="button" name="" value="保存">
							</div>
						</form>
						</div>						
					</div>
					
				</div>
			</div>
			
		</div>
<script type="text/javascript">
$(".username").html($.session.get("loginName"));
var sid = $.session.get("sid");
var rank = $.session.get("rank");
$("#rank").val(rank);
$(".usertext").html('<i class="userico"></i>账户:'+$.session.get("loginName")+'');
$("#authorSid").val(sid);
// console.log($("#authorSid").val());

//判断登录状态
var sid = $.session.get("sid");
console.log(sid);
if(sid==null || sid == undefined){
	//未登录
	$(".userbtn").html('登录');
	xcsoft.error('请登录！',3000);//提示语
}
console.log('类型'+ typeof sid);

// 检查登录状态
$.ajax({
	headers: {'token': $.session.get('token')},
	type:"post",
	url: url+"account/checkToken",
	success:function(data) {
		console.log('详情');
		console.log(data);
		if (data.code=='2000') {
			console.log('登录态，成功');
			// xcsoft.success('请登录！',3000);//提示语			
		}else{
			console.log('登录态，失败');
			xcsoft.error('请登录！',3000);//提示语
			window.location.href="../login.html";
		} 
	}
})

//查看用户账户信息
$(".userde").click(function(){
	$("#userdetils").toggle(500);
	setTimeout(function(){
		console.log("123");
		$("#userdetils").hide(500);
	},3000);
});

//文章
$(".content_inputdiv3").click(function(){
		$(".usertype").toggle(300);
	});

$("#authorname").focus(function(){
		$(".usertype").hide(300);
	})
$(".userli").click(function(){
		console.log('分类');
		$(this).addClass('userlied').siblings().removeClass('userlied');
			$("#usertypeinp").val($(this).html());
			// $("#articleSid").val($(this).attr('sid'));
			console.log($("#usertypeinp").val());
	})

//添加话题
$("#baocun").click(function(){
	console.log('添加话题');
	$("input[name='title']").val(ue.getPlainTxt());
	$.ajax({
		type: "get",
		url: url+"topic/addTopic",
		data:{
			title: $('input[name="title"]').val(),
		},
		success: function(data){
			console.log(data);
			if (data.code=='2000') {
				xcsoft.success('添加成功',3000);//提示语
			}else{
				xcsoft.error('添加失败',3000);//提示语
			}
		}
	})
})

//文章标题列表
	// $.ajax({
	// 	type: "get",
	// 	url: url+"article/showAllByPage",
	// 	data:{
	// 		page: 0,
	// 		pageSize: 9999999
	// 	},
	// 	success: function(data){
	// 		// console.log(data);
	// 		if(data.code=='2000'){				
	// 				var titlelist = data.data.all.content;
	// 				var titlthtml = [];
	// 				if (titlelist.length ==0) {
	// 					titlthtml='暂无文章，请添加文章后，再绑定';
	// 				}else{
	// 					for(var i in titlelist){						
	// 					titlthtml+='<div class="userli" sid="'+titlelist[i].sid+'">'+titlelist[i].title+'</div>';
	// 				 	}
	// 				}
	// 				$('.usertype').html(titlthtml);
	// 				//选择文章
	// 				$(".userli").click(function(){
	// 						console.log('分类');
	// 						$(this).addClass('userlied').siblings().removeClass('userlied');
	// 							$("#usertypeinp").val($(this).html());
	// 							$("#articleSid").val($(this).attr('sid'));
	// 							console.log($("#usertypeinp").val());
	// 					})


	// 		}else{
				
	// 		}
	// 	}
	// })

//退出登录
$(".userbtn").click(function(){
	console.log('登出');
	$.ajax({
		type: "post",
		url: url+"account/loginout",
		success: function(data){
			// console.log(data);
			if(data.code=='2000'){				
				console.log('成功登出');	
				$.session.clear();						
				window.location.href="../login.html"; 	
			}else{
				$.session.clear();						
				window.location.href="../login.html"; 	
			}
		}
	})
})
//单选框
var sore;
sore = $('.checkedi').attr('sore');
$('#sore').val(sore);//状态赋值
console.log(sore);//1启动，2未启动
//状态样式选中切换
$(".labelp").click(function(){
    $(this).addClass(" checkedi").siblings().removeClass(' checkedi');
    sore = $(this).attr('sore');
    $('#sore').val(sore);
    console.log($('#sore').val());
})

$(".username").html($.session.get("loginName"));
$(".usertext").html('<i class="userico"></i>账户:'+$.session.get("loginName")+'');

// $(document).ready(function() { 
//  	console.log('url'+url);
//  	// console.log($('input[name = abc]:checked').val());
//                     var options = { 
//                         // target:        '#output1',   // 用服务器返回的数据 更新 id为output1的内容.
//                         beforeSubmit:  showRequest,  // 提交前
//                         success:       showResponse,  // 提交后 
//                         //另外的一些属性: 
//                         url:       url+"topic/addTopic",         // 默认是form的action，如果写的话，会覆盖from的action. 
//                         //type:      type        // 默认是form的method，如果写的话，会覆盖from的method.('get' or 'post').
//                         //dataType:  null        // 'xml', 'script', or 'json' (接受服务端返回的类型.) 
//                         // clearForm: true,        // 成功提交后，清除所有的表单元素的值.
//                         // resetForm: true        // 成功提交后，重置所有的表单元素的值.
//                         //由于某种原因,提交陷入无限等待之中,timeout参数就是用来限制请求的时间,
//                         //当请求大于3秒后，跳出请求. 
//                         //timeout:   3000 
//                     }; 
                 
//                     //'ajaxForm' 方式的表单 .
//                     // $('#myForm').ajaxForm(options);  
//                     //或者 'ajaxSubmit' 方式的提交.
//                     $('#articleForm').submit(function() {     
//                        $(".originborbtn").attr("disabled","disabled");          	
//                        $(this).ajaxSubmit(options); 
//                        return false; //来阻止浏览器提交.
//                     }); 

//                     //图片预览
//                     $("#wenpic").click(function () {
//                     	console.log("图片");
// 						$("#upload").click(); //隐藏了input:file样式后，点击头像就可以本地上传
// 						$("#upload").on("change",function(){
// 						var objUrl = getObjectURL(this.files[0]) ; //获取图片的路径，该路径不是图片在本地的路径
// 						if (objUrl) {
// 						$("#wenpic").attr("src", objUrl) ; //将图片路径存入src中，显示出图片
// 						// upfile(objUrl,'T');
// 						}
// 						});
// 					});
// 					//图片预览
//      //                $("#wenpic2").click(function () {
//      //                	console.log("图片");
// 					// 	$("#upload2").click(); //隐藏了input:file样式后，点击头像就可以本地上传
// 					// 	$("#upload2").on("change",function(){
// 					// 	var objUrl = getObjectURL(this.files[0]) ; //获取图片的路径，该路径不是图片在本地的路径
// 					// 	if (objUrl) {
// 					// 	$("#wenpic2").attr("src", objUrl) ; //将图片路径存入src中，显示出图片
// 					// 	// upfile(objUrl,'T');
// 					// 	}
// 					// 	});
// 					// });
//                 }); 
//     // 提交前
//               function showRequest(formData, jqForm, options) { 
//                  	// 利用formData参数，验证不为空
// 			    	  var titleValue = $('input[name=title]').fieldValue();
// 					   // var fileValue = $('input[name=file]').fieldValue();
// 					   if (!titleValue[0]) {
// 					      alert('请填写完整数据！');
// 					      return false;
// 					   }
					
//                  // formdata是数组对象,在这里，我们使用$.param()方法把他转化为字符串.
//                   var queryString = $.param(formData); //组装数据，插件会自动提交数据
//                   xcsoft.loading('正在上传中',3000);//提示语
//                   // alert(queryString); //类似 ： name=1&add=2  
//                   return true; 
//                 } 
 
//               //  提交后
//             function showResponse(responseText, statusText)  { 
//                    // alert('状态: ' + statusText + '\n 返回的内容是: \n' + responseText); 
//                    if(responseText.code == '2000'){
//                    		console.log('提交成功');
//                    		xcsoft.success('提交成功',3000);//提示语
//                    		// window.location.reload(); //刷新页面，清空数据
//                    		// alert('提交成功');
//                    }else{
//                    		xcsoft.error('提交失败',3000);//提示语     
//                    }
//              } 
</script>
	</body>
	</html>